.contact {
	height: 30px;
	line-height: 30px;
	background-color: #F2F2F2;
	text-align: center;
	font-size: 14px;
}

.logo-container {
	border-bottom: 2px solid #D9E0DB;
}

.logo-area {
	text-align: center;
	height: 100px;
	line-height: 100px;
	cursor: pointer;
}

.nav {
	height: 76px;
	line-height: 76px;
	background-color: #fff;
}

.navbar-header {
	font-size: 18px;
	text-align: center;
	width: 100%;
	float: none;
}

.compete-dropdown{
	float: left;
}

.calc-compete-header{

}

.calc-compete-header +.dropdown-menu {
	height: calc((100vh - 176px) / 1);
	overflow: auto;
}

.dropdown-menu {
	border-radius: 0;
	background-color: #26988a;
	border: 0;
	padding: 0;
	margin-top:0px; 
}

.dropdown-menu>li{
	padding: 0;
	margin: 0;
}

.dropdown>ul.dropdown-menu>li {
	padding: 0;
}

.dropdown-menu>li>a{
	padding: 3px 12px;
	margin:0;
	color: rgb(255 255 255);
}

.nav .open a.navbar-brand-self-theme-events{
	color : #333;
} 

.dropdown-menu li a:hover{
	background-color: #206f65;
}

.navbar-header>div.btn-container{
	float: left;
	background-color: #fff;
}

.nav-btn,.nav-btn:hover,.nav-btn:focus{
	border-radius:0;
	background-color: #029e8b;
	color: #fff !important;
	padding:0;
	font-size: 18px;
	width:100px;
	height: 40px;
	line-height: 40px;
}

.color-icon {
	color: #0C95FF;
}

.text-right {
	text-align: right;
}

.row {
	margin: 0px;
}

.homepage-body {
	/* font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial,
		sans-serif; */
	font-family:FuturaPT,Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 1.42857143;
	color: #333;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

.carousel-control {
	opacity: 0.2;
}

.nav .column {
	padding: 0px;
}

.navbar {
	margin-bottom: 0px;
	border: none;
	z-index: 999;
 	background: #FFF;
}

.scroll-head {
	opacity: 0.8;
	position:fixed;
	background: #FFF;
	top: 0;
 	left: 0;
	right: 0;

}

.navbar-brand-self {
	clear: none;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
	display: inline-block;
	text-align: center;
	width: 100px;
	cursor: pointer;
}

.navbar-brand-self-theme-events {
	clear: none;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
	display: inline-block;
	text-align: center;
	width: 120px;
}

.navbar a{
	color: #333;
}

.navbar .navbar-header>a,.navbar .navbar-header>li {
	height: 76px;
	font-size: 18px;
	line-height: 76px;
	color: #333;
	float: left;
	cursor: pointer;
}

.navbar-header-div{
	height:76px;
	width: 100px;
	float: left;
	margin-right: 55px;
}

.open .dropdown-menu{
	/* display: inline-block; */
}

.navbar a:hover {
	color: #fff !important;
	background-color: #029e8b;
}

.margin-top-26 {
	margin-top: 26px !important;
}

.margin-top-50 {
	margin-top: 50px !important;
}

.content-width {
	width: 1340px;
	margin: 0 auto;
}

.container-title {
	height: 70px;
	font-size: 30px;
	padding-top: 30px;
}

#carousel-picture {
	margin: 0px 20px 0px 20px;
	/* min-height: 410px; */
}

#carousel-picture .carousel-inner .item {
	
}

.icon-font-size {
	font-size: 50px !important;
}

.content-min-width {
	min-width: 1340px;
}

.new-area-desc{
	margin-bottom: 20px;
}

.new-area-desc span:first-child {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 8px;
	border-bottom: 4px solid #009B88;
}

.news-item-more {
	font-size: 12px;
	color: #009B88;
	cursor: pointer;
}

.news-container {
	min-height: 140px;
	position: relative;
}

.news-item {
	margin-bottom: 20px;
}

.news-title {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
/* 	-webkit-box-orient: vertical; * 设置或检索伸缩盒对象的子元素的排列方式 * */
	-webkit-line-clamp: 1; /** 显示的行数 **/
	overflow: hidden; /** 隐藏超出的内容 **/
	cursor: pointer;
}

.news-title-icon-container {
	color: #6793C0;
	vertical-align: middle;
	margin-right: 1px;
}

.news-title-container {
	margin-right: 10px;
}

.news-time {
	font-size: 12px;
	color: #BEBEBE;
	text-align: left;
	vertical-align: middle;
}

.news-about-link-area {
	margin-left: 0px;
	text-align: right;
}

.news-about-link-area img {
	/* display: inline-block;
	width: 393px; */
	cursor: pointer;
}

.qr-area {
	background: url(img/pic_qr.png) center no-repeat;
	height: 107px;
}

.qr-text-area{
	margin-top: 20px;
    border: 1px solid #404040;
    height: 43px;
    font-size: 14px;
    text-align: center;
}

.qr-text-area p{
	margin: 0;
	line-height: 20px;
	font-weight: 700;
}

.login-area {
	position: relative;
}

.login-area-item {
	text-align: right;
	margin-bottom: 20px;
}

.login-area-item-content{
	border: 1px solid #404040;
    height: 43px;
    line-height: 43px;
    margin-left: 52px;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.login-area-item-content>span:first-child{
	font-size: 14px;
    font-weight: 700;
    margin-left: 12px;
}

.login-area-item-content>span:nth-child(2){
	font-size: 12px;
	color: #ACACAC;
	font-weight: 700;
}

.login-area-item-content>img{
    position: absolute;
    right: 30px;
    margin-top: 6px;
}

.login-area-item img {
	cursor: pointer;
}

.about-contest-area {
	margin-top: 38px;
	margin-bottom: 38px;
}

.about-desc-area {
	background-color: #CCECE8;
	min-height: 288px;
}

.about-desc-area-container {
	padding: 18px 28px 20px 28px;
}

.about-contest-desc-title {
	margin-top: 16px;
	font-size: 26px;
	padding-bottom: 8px;
	border-bottom: 2px solid #839895;
/** 	#009A86  #839895 **/
}

.about-contest-desc-content {
	font-size: 14px;
	margin-top: 32px;
}

.about-contest-desc-content p {
	line-height: 32px;
}

.about-contest-content ._img {
	display: block;
	float: left;
}

.about-contest-content ._content {
	margin-left: 10px;
	float: left;
}

.about-contest-content ._content ._num {
	color: #FF6500;
	line-height: 48px;
}

.about-contest-content ._content ._num span:first-child {
	font-size: 48px;
	font-family: DIN;
}

.about-contest-content ._content ._num span:nth-child(2) {
	font-size: 40px;
}

.about-contest-content ._content ._num span:last-child {
	font-size: 16px;
}

.about-contest-content ._content ._desc {
	height: 28px;
	font-size: 14px;
}

.about-contest-content-row {
	margin-bottom: 20px;
}

.about-link-area {
	margin-left: 0px;
	text-align: right;
}

.about-link-area img {
	/* display: inline-block;
	width: 393px; */
	cursor: pointer;
}

.about-link-area .about-link-img-area:first-child{

}

.about-link-area img:not(:last-child) {

}

/* 图片播放  wbc*/

.box-video{
	 height:278px;
}

.box-video .box{
	position: relative;
    background: url("../platform/img/viedo-show.jpg") no-repeat ;
    background-position: center center;
    height:278px;
    margin-left:30px;
    background-color:#ccc;
    box-shadow: 0 24px 60px 0 rgba(0, 0, 0, 0.05);
}

.box-video .box1{
	position: relative;
	background: url("../platform/img/2023V.png") no-repeat ;
	background-position: center center;
	height:278px;
	margin-left:30px;
	background-color:#ccc;
	box-shadow: 0 24px 60px 0 rgba(0, 0, 0, 0.05);
}

.box-video .box:before {
 content:'';
 position:absolute;
 z-index:12;
 top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.box-video .box .overlay {
    background: #ccc;
    opacity: .3;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0
}

.box-video .box .flat-video-fancybox {
 position:absolute;
 z-index:10;
 top:30%;
 width:100%;
 text-align:center;
}

.box-video .flat-video-fancybox a.fancybox {
 display:inline-block;
 background:#3db0a2;
 width:105px;
 height:105px;
 border-radius:50%;
 position:relative;
 z-index:999;
}

.box-video .box .flat-video-fancybox a.fancybox span.icon-play {
    font-size: 30px;
    color: white;
    height: 105px;line-height: 105px;
}


.box-video .box .flat-video-fancybox a.fancybox:hover span.icon-play {
    color: #000
}

.box-video .box .flat-video-fancybox a.fancybox span i {
    font-size: 28px;
    padding-top: 33%;
    color: #fff
}

.ripple, .ripple:before, .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite
}

.ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute
}

.ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute
}


@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.woff?f3b3ji') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.flat-video-fancybox [class^="icon-"], .flat-video-fancybox [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-play:before {
    content: "\e905"
}

.box-video *:before, .box-video *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}
/* 结束 */

.contest-area {
	margin-top: 38px;
}

.contest-list-area-item-container {
	float: left;
}

.contest-area-desc span:first-child {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 10px;
	border-bottom: 5px solid #009B88;
}

.contest-area-desc span:last-child {
	margin-left: 16px;
	font-size: 16px;
	color: #BEBEBE;
}

.contest-list-area {
	margin-top: 34px;
	margin-bottom: 10px;
}

.contest-list-area-left {
	min-height: 1200px;
	background-color: #F2F3F9;
	padding: 66px 10px 42px 10px;
	font-size: 18px;
	color: #009B88;
}

.contest-list-area-item-name>a {
	color: #009B88;
}

.contest-list-area-item {
	cursor: pointer;
}
/* tiaozheng */

.contest-list-area-item-name a {
	display:inline-block;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    width:352px;
}

.contest-list-area-item-name a span{
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 14px;
    background: #f2f3f9;
    -webkit-transition: -webkit-transform 0.4s, background 0.4s;
    -moz-transition: -moz-transform 0.4s, background 0.4s;
    transition: transform 0.4s, background 0.4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -140px;
    -moz-transform-origin: 50% 50% -140px;
    transform-origin: 50% 50% -140px;
}

.contest-list-area-item-name a span::before {
    position: absolute;
    display:inline-block;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: #f2f3f9;
    color:#f2f3f9;
    content: attr(data-hover);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    pointer-events: none;
}

.contest-list-area-item-name a:hover span,
.contest-list-area-item-name a:focus span{
    color: #ff6b01;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.contest-list-area-item-name a:hover span::before,
.contest-list-area-item-name a:focus span::before {
    background: #f2f3f9;  
    color: #ff6b01; 
}

/* tiaozheng */

.contest-list-area-item.active {
	color: #ff6b01;
}

.contest-list-area-item.active a {
	color: #ff6b01;
}

.contest-list-area-item:not(:last-child) {
	margin-bottom: 30px;
}

.contest-list-area-item-icon {
	margin-left:30px;
}

.contest-list-area-item:hover {
	color: #ff6b01;
}

.contest-list-area-item-name>a:hover {
	color: #ff6b01;
}

.contest-list-area-right {
	padding: 50px 10px 50px 10px;
}

.contest-list-area-right-container {
	min-height: 915px;
	margin-left: -10px;
	background-color: #CCECE8;
}

.expert-area {
	margin: 36px 20px 54px 20px;
	background-color: #F2F3F9;
}

.expert-area-desc {
	padding-top: 50px;
	position: relative;
	width: 100%;
	position: relative;
}

.expert-area-desc-content-left {
	margin-left: 144px;
	padding-right: 18px;
	border-right: 5px solid #009A86;
	float: left;
	min-width: 100px;
}

.expert-area-desc-content-left p {
	margin: 0px;
}

.expert-area-desc-content-left p:first-child {
	font-size: 30px;
	font-weight: 700;
}

.expert-area-desc-content-left p:last-child {
	font-size: 20px;
	color: #9C9B9D;
}

.expert-area-desc-content-right {
	float: left;
	min-width: 200px;
	font-size: 16px;
	color: #BEBEBE;
	line-height: 62px;
	height: 62px;
	margin-left: 15px;
}

.expert-area-desc-content-operation {
	float: right;
	margin-right: 100px;
}

.expert-area-show {
	width: 100%;
	height: 480px;
	margin-top: 56px;
	overflow: hidden;
	/* margin-bottom: 80px; */
}

.expert-area-show ul {
	
}

.expert-area-show ul li {
	float: left;
	margin: 10px;
	padding: 10px;
	width: 268px;
	list-style: none;
}

.expert-area-show ul li img {
	display: block;
	width: 100%;
	height: 338px;
}

.expert-title {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	font-weight: 700;
	margin-bottom: 20px;
	text-align: center;
}

.expert-name {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
}

.show-splendid-moment-area {
	margin-top: 54px;
}

@media ( min-width : 768px) {
	.show-splendid-moment-area img {
		height: 270px;
	}
}

@media ( min-width : 992px) {
	.show-splendid-moment-area img {
		height: 298px;
	}
}

@media ( min-width : 1200px) {
	.show-splendid-moment-area img {
		height: 270px;
	}
}

@media (min-width: 1300px) {
    .show-splendid-moment-area img {
        height: 276px;
    }
}

@media (min-width: 1570px) {
    .show-splendid-moment-area img {
        height: 310px;
    }
}

@media (min-width: 1800px) {
    .show-splendid-moment-area img {
	    height: 373px;
	}
}

@media (min-width: 2500px) {
    .show-splendid-moment-area img {
	    height: 500px;
	}
}
.show-splendid-moment-title {
	margin-bottom:40px;
	text-align: center;
}

.show-splendid-moment-area img:hover{
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
}

.show-splendid-moment-title span {
	font-size: 30px;
	font-weight:700;
	padding-bottom:10px;
}

.partner-area-first{
	background-color:  #35b1a2;
	min-height: 200px;
	padding: 24px;
	text-align: center;
	margin: 0 auto;
	color: #F9FDFB;
}

.guide-unit-area p:nth-child(1){
	font-size: 24px; 
	margin-bottom: 10px
}

.cut-off-rule{
	margin-top:22px;
	text-align:center;
	display:inline-block;
	border: 1px solid #F9FDFB;
	width: 1320px;
}

.host-unit-area{
	margin-top: 19px;
}

.host-unit-area img{
	cursor: pointer;
}

.host-unit-area img:first-child{
	margin-right: 22px;
}

.host-unit-area img:last-child{
	margin-left: 22px;
}

.host-unit-area p{
	font-size: 24px;
}

.short-underline {
    width: 60px;
    text-align: center;
    margin: 0 auto;
    margin-bottom:28px;
    margin-top:10px;
    border-bottom: 3px solid #F9FDFB;
}

.short-underline-theme {
    width: 60px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    border-bottom: 5px solid #009A86;
}

.support-media-area p:first-child{
	font-size: 24px;
	margin-top: 19px;
}

.support-media-area-last-p {
    font-size: 19px;
	margin-top: 19px;
}

.support-media-area-last-p span{
	margin-left: 60px;
	font-size:19px; 
	cursor: pointer;
}

.government-area-1{
	margin-top: 24px;
}

.government-area-1 p{
	font-size: 24px;
}

.government-area-list{
	font-size: 16px;
	margin: 0 auto;
}

.government-area-2{
	margin-top: 40px;	
}

.government-area-2 p{
	font-size: 24px;	
}

.government-area-2 .government-area-list{
	padding-bottom: 136px;
}

.government-area-list-item {
    margin: 8px 28px 8px 0px;
    background-color: #7EBEB7;
    width: 400px;
    display: inline-block;
    line-height: 32px;
}

.government-area-list-container .government-area-list-item:first-child{
	 width: 216px; 
}

.government-area-list-container .government-area-list-item:last-child{
	
}

.government-area-list-item.middle{
	padding-left: 28px;
	padding-right: 28px;
	width: 500px;
}

.partner-area-last{
	margin-top: -115px;
}

.chief-partner-area-content > img:not(:last-child), .chief-partner-area-content > a:not(:last-child){
	margin-right: 32px;
}

.chief-partner-area-content > .blank{
	width: 380px;
	display: inline-block;
	
}

.partner-area-last-container{
	background-color: #FFFFFF;
    margin: 0 auto;
    width: 1320px;
    min-height: 300px;
    text-align: center;
}

.short-yellow-underline{
	width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top:10px;
    border-bottom: 1px solid #C3A375;
}

.partner-area-title{
	font-size: 30px;
    margin-top: 40px;
    color: #C3A375;
    margin-bottom: 32px;
}

.chief-partner-area-content {
	text-align: center; 
    margin-top: 15px;
}

.strategic-partner-area-content {
	text-align: center; 
	margin-top: 15px;
}

.strategic-partner-area-content > .blank{
	width: 270px;
	display: inline-block;
}

.strategic-partner-area-content >img:not(:last-child),.strategic-partner-area-content >a:not(:last-child){
    margin-right: 20px;
}

.honor-cooperative-partner-area-content {
	text-align: center; 
	margin-top: 15px;
}

.honor-cooperative-partner-area-content > .blank{
	width: 212px;
	display: inline-block;
}

.honor-cooperative-partner-area-content >img:not(:last-child),.honor-cooperative-partner-area-content >a:not(:last-child){
    margin-right: 20px;
}

.honor-cooperative-partner{
	width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top:10px;
}

/*------------------------------二级列表界面------------------------------*/
.news-backgrond-container {
	height: 150px;
	background: url(../common/img/news.jpg) no-repeat center;
}

.styleShow-backgrond-container {
	height: 150px;
	background: url(../common/img/styleShow.jpg) no-repeat center;
}

.partner-backgrond-container {
	height: 150px;
	background: url(../common/img/partner.png) no-repeat center;
}

.list-width {
	width: 1000px;
	margin: 0 auto;
}

.list-min-width {
	min-width: 1000px;
	margin: 0 auto;
}

.content-container {
	border-bottom: 1px solid #f2f2f2;
}

.list-title {
	/*height: 150px; */
	/* padding-top: 35px; */
	line-height: 150px;
	font-size: 24px;
	color: white;
	text-align: center;
	/* border-bottom: 2px solid #4d95ff; */
}

.list-container {
	min-height: 840px;
}

.content-time {
	margin: 30px 0px;
	width: 80px;
	height: 60px;
	background-color: #edf3ff;
}

.content-time-day {
	margin-top: 5px;
	font-size: 24px;
	color: #4d95ff;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
}

.content-time-yearmonth {
	font-size: 14px;
	color: #4d95ff;
	height: 20px;
}

.content-title {
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 15px;
	cursor: pointer;
}

.content-title:hover {
	color: #E37A65 !important;
}

.content-desc {
	margin-top: 12px;
	font-size: 14px;
	height: 40px;
	color: #999;
	padding: 0px 15px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2; /** 显示的行数 **/
	overflow: hidden; /** 隐藏超出的内容 **/
	cursor: pointer;
}

.page-container {
	height: 80px;
	padding-top: 20px;
}

.page-container li a {
	margin: 0px 2px;
	font-size: 14px;
	color: #999;
	padding: 10px 16px;
}

.page-container li a:hover {
	color: white;
	background-color: #4d95ff;
	border-color: #4d95ff;
}

.disable-li a:hover {
	background-color: white;
}
/*---------------------------详情界面--------------------------*/
.content-detail-title {
	font-size: 24px;
	margin-top: 30px;
	min-height: 30px;
	line-height: 30px;
}

.content-detail-author {
	margin-top: 14px;
	font-size: 14px;
	color: #999;
	height: 40px;
	border-bottom: 1px solid #f2f2f2;
	line-height: 40px;
	white-space: nowrap;
	text-align: center;
}

.content-detail-author span {
	margin-left: 20px;
	margin-right: 20px;
}

.content-detail-desc {
	margin-top: 30px;
	font-size: 16px;
	min-height: 710px;
	line-height: 30px;
}

.partner-container {
	min-height: 780px;
}

.partner-a {
	display: block;
	width: 300px;
	height: 100px;
	margin-left: 17px;
	margin-top: 20px;
	box-shadow: 0 0 20px #ccc;
}

.partner-a:hover {
	transform: scale(1.05);
	transition: transform 0.2s linear 0s;
}

.introl-container {
	height: 150px;
	background: url('../common/img/introl.png') no-repeat center;
}

.introl-title {
	line-height: 150px;
	font-size: 24px;
	color: white;
}

.introl-detail-desc {
	margin-top: 30px;
	font-size: 16px;
	min-height: 730px;
	line-height: 30px;
}

.show-splendid-moment-content {
	padding: 10px;
	text-align: center;
}

.show-splendid-moment-content-img {
	margin-right: 10px;
}


/* 精彩回顾  start*/
.index-flow {
	padding: 10px 0;
}

.index-flow a, .index-flow :before, .index-flow :after, .index-flow img {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

a:link {
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: none;
  color: #6510AD;
  outline: none;
}

.img-list * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.img-list li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.img-list {
/*   max-width: 18.4rem; */
  margin: 0 auto;
  padding: 0 0.4rem;
  position: relative;
  -webkit-box-sizing: border-box;
}

.img-list ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

li {
  list-style: outside none;
}

.img-list li {
  width: 25%;
}

.img-list li a {
  height: 100%;
  display: block;
  position: relative;
}

.img-list li.li_01 {
  width: 50%;
}

.img-list li a .img {
  width: 100%;
  height:100%;
  display: block;
  overflow: hidden;
  position: relative;
  background: #000;
}

.img-list li a .img img {
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

.img-list li a:hover .img img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity: 1;
}

.img-list li.li_01 {
  width: 50%;
}

.img-list img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
}
/* 精彩回顾 end */

/* 版权*/
.copyright-container {
    background-color: #f8f8f8;
    height: 50px;
    line-height: 50px;
}

/*首页--大赛通知、大赛文件、活动报名*/
.compete-notice {
	display: flex;
	flex-flow: nowrap;
}

.compete-notice-div {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-flow: wrap;
	/*width: 379px;*/
	width: 423px;
	height:292px ;
}

.compete-notice-div .compete-notice-div-head {
	background-color: #CCECE8;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
	align-items: center;
	height: 58px;
	width: 100%;
}

.compete-notice-div .compete-notice-div-content {
	background-color:#f2f3f9 ;
	width: 100%;
	height: 234px;
	padding: 23px 20px 0px 14px;
}

.compete-notice-div .compete-notice-div-head div:first-child {
	width: 80px;
	height: 28px;
	float: left;
	font-family: DengXian, DengXian;
	font-weight: bold;
	font-size: 20px;
	color: #090909;
	font-style: normal;
	text-transform: none;
	margin-left: 20px;
}

.compete-notice-div .compete-notice-div-head div:last-child {
	width: 52px;
	height: 20px;
	float: right;
	font-family: DengXian, DengXian;
	font-weight: 400;
	font-size: 14px;
	color: #090909;
	font-style: normal;
	text-align: left;
	margin-right: 20px;
	cursor: pointer;
}

.compete-notice-div-content .compete-notice-div-content-row {
	height: 48px;
	display: flex;
	flex-flow: nowrap;
	align-items: center;
	margin-bottom: 23px;
}

.compete-notice-div-content .compete-notice-div-content-row .row-time {
	width: 63px;
	height: 51px;
	background: #FFFFFF;
	text-align: center;
	padding: 5px 11px;
	margin-right:13px ;
	font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
	font-weight: 500;
	font-size: 14px;
	color: #2A2A2A;
	font-style: normal;
	word-break: break-all;
}

.compete-notice-div-content .compete-notice-div-content-row .row-content {
	width: 296px;
	height: 48px;
	font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
	font-weight: 500;
	font-size: 14px;
	color: #2A2A2A;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 24px;
	cursor: pointer;
}
.compete-notice .compete-notice-div:not(:last-child){
	margin-right: 35px;
}

















